<!--
 * @Author: Zhao Star
 * @LastEditors: Zhao Star
 * @Description: *******************
 * @Date: 2019-05-07 14:19:41
 * @LastEditTime: 2019-05-07 14:41:37
 -->
<template>
  <div class="player">
    <transition
    name="normal"
    @enter="enter"
    @after-enter="after-enter"
    @leave="leave"
    @after-leave="after-leave"
    >

    </transition>

    <transition name="mini">
      <div class="mini-player">
        <div class="icon">
          <img src="" alt="">
        </div>
        <div class="text">
          <h2 class="name"></h2>
          <p class="desc"></p>
        </div>
        <div class="control">
          <!-- 圆角展示页面 -->
        </div>
        <div class="control">
          <i class="icon-playlist"></i>
        </div>
      </div>
    </transition>
    <!-- 播放列表页 -->
    <audio src=""></audio>
  </div>
</template>

<script>
import {mapGetters, mapMutations, mapActions} from 'vuex'
import animations from 'create-keyframe-animation'
import {prefixStyle} from '@common/js/dom'
import {playMode} from '@common/js/config'
import Lyric from 'lyric-parser'
import Scroll from 'better-scroll'
import {playerMixin} from '@common/js/mixin'
// import PlayList from '@components/playlist/playlist'

export default {
  name: '',
  data() {
    return {

    }
  }
}
</script>

<style lang="stylus" rel="stylesheet/stylus" scoped>
</style>
